<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%
	String _TITLE_ = languageDefine.getValue(request, "kline_title")+"- "+configureProvider.getProperty(SystemVariable.SITE_NAME);
%>
<title><%=_TITLE_ %></title>
<%@include file="/WEB-INF/include/meta.jsp"%>
<link rel="stylesheet" type="text/css" href="<%=controller.getStaticPath(request)%>/css/kline.css?v20170718">
<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/trade.js"></script>
</head>
<body>
	<div id="header_outer">
		<div id="header">
			<div class="navbar navbar-static-top">
				<div class="navbar-inner">
					<div class="container">
						<div id="warning"></div>
					</div>
				</div>
			</div>
			<div id="qr">
				<img />
			</div>
			<div id="control">
				<div class="inner">
					<ul id="periods" class="horiz"> 
						<% String strHour=languageDefine.getValue(request, "kline_hour");
						   String strMinute = languageDefine.getValue(request, "kline_minute");
						%>
						<li style='line-height: 26px'><%=languageDefine.getValue(request, "kline_timeSlot")%>:</li>
						<li class="period"><a>1<%=languageDefine.getValue(request, "kline_week")%></a></li>
						<li class="subsep"></li>
						<li class="period"><a>1<%=languageDefine.getValue(request, "kline_day")%></a></li>
						<li class="subsep"></li>
						<li class="period"><a>12<%=strHour%></a></li>
						<li class="period"><a>6<%=strHour%></a></li>
						<li class="period"><a>2<%=strHour%></a></li>
						<li class="period"><a>1<%=strHour%></a></li>
						<li class="subsep"></li>
						<li class="period"><a>30<%=strMinute%></a></li>
						<li class="period selected"><a>15<%=strMinute%></a></li>
						<li class="period"><a>5<%=strMinute%></a></li>
						<li class="period"><a>3<%=strMinute%></a></li>
						<li class="period"><a>1<%=strMinute%></a></li>
						<li class="subsep"></li>
						<li>
							<div class="dropdown">
								<div class="t"><%=languageDefine.getValue(request, "kline_pageSetting")%></div>
								<div class="dropdown-data">
									<table class="nowrap simple settings">
										<tbody>
											<tr class="main_lines">
												<td><%=languageDefine.getValue(request, "kline_averageLineSetting")%></td>
												<td><ul id="setting_main_lines">
														<li value="mas" class="active">MA</li>
														<li value="emas">EMA</li>
														<li value="none"><%=languageDefine.getValue(request, "kline_closeAverageLine")%></li>
													</ul></td>
											</tr>
											<tr class="stick_style">
												<td><%=languageDefine.getValue(request, "kline_graphLineStyle")%></td>
												<td><ul id="setting_stick_style">
														<li value="candle_stick">K<%=languageDefine.getValue(request, "kline_line")%>-OHLC</li>
														<li value="candle_stick_hlc" class="active">K<%=languageDefine.getValue(request, "kline_line")%>-HLC</li>
														<li value="ohlc">OHLC</li>
														<li value="line"><%=languageDefine.getValue(request, "kline_singleLine")%></li>
														<li value="line_o"><%=languageDefine.getValue(request, "kline_singleLine")%>-o</li>
														<li value="none"><%=languageDefine.getValue(request, "kline_closeGraphLine")%></li>
													</ul></td>
											</tr>
											<tr class="line_style" style="display: none;">
												<td>Line Style</td>
												<td><ul id="setting_ls">
														<li value="c" class="active">Close</li>
														<li value="m">Median Price</li>
													</ul></td>
											</tr>
											<tr class="indicator">
												<td><%=languageDefine.getValue(request, "kline_technicalSpecifications")%></td>
												<td><ul id="setting_indicator">
														<li value="macd">MACD</li>
														<li value="kdj">KDJ</li>
														<li value="stoch_rsi" class="active">StochRSI</li>
														<li value="none"><%=languageDefine.getValue(request, "kline_closeSpecifications")%></li>
													</ul></td>
											</tr>
											<tr class="scale">
												<td><%=languageDefine.getValue(request, "kline_lineGraphScale")%></td>
												<td><ul id="setting_scale">
														<li value="normal"><%=languageDefine.getValue(request, "kline_regularKLine")%></li>
														<li value="logarithmic" class="active"><%=languageDefine.getValue(request, "kline_logarithmKLine")%></li>
													</ul></td>
											</tr>
											<tr>
												<td></td>
												<td colspan="2"><a id="btn_settings"><%=languageDefine.getValue(request, "kline_quotaParamSetting")%></a></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="dropdown">
								<div class="t"><%=languageDefine.getValue(request, "kline_tool")%></div>
								<div class="dropdown-data">
									<table class="nowrap simple">
										<tbody>
											<tr>
												<td><a class="mode" mode="draw_line"><%=languageDefine.getValue(request, "kline_drawALine")%></a><br> <a class="mode" mode="draw_fhline"><%=languageDefine.getValue(request, "kline_fibonacciCallbackLine")%></a> <br> <a class="mode" mode="draw_ffan"><%=languageDefine.getValue(request, "kline_fibonacciCallbackSurface")%></a><br> <a class="mode selected" mode="draw_fhlineex"><%=languageDefine.getValue(request, "kline_fibonacciCallbackExpansion")%></a>
													<div class="hint">
														<%=languageDefine.getValue(request, "kline_clickDrawLine")%> <br><%=languageDefine.getValue(request, "kline_clickRightClear")%>
													</div></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</li>
						<li class="sep"></li>
						<li id="mode">
							<a id="mode_cross" class="mode" title="Cross Cursor" mode="cross">
								<img src="<%=controller.getStaticPath(request)%>/images/shape-cross.png">
							</a>
							<a id="mode_draw_line" class="mode" title="Draw lines" mode="draw_line">
								<img src="<%=controller.getStaticPath(request)%>/images/shape-line.png">
							</a>
							<a id="mode_draw_fhline" class="mode" title="Draw Fibonacci Retracements" mode="draw_fhline">
								<img src="<%=controller.getStaticPath(request)%>/images/shape-fr.png">
							</a>
							<a id="mode_draw_ffan" class="mode" title="Draw Fibonacci Fans" mode="draw_ffan">
								<img src="<%=controller.getStaticPath(request)%>/images/shape-ffan.png">
							</a>
						</li>
						<li class="sep"></li>
						<li>
							<%=languageDefine.getValue(request, "kline_updated")%>
							<span id="change">12</span>
							<%=languageDefine.getValue(request, "kline_second")%>
							<span id="realtime_error" style="display: none">
								in <abbr title="Realtime(WebSocket) connection failed. Orderbook update every 1 minute, Trades update every 10 seconds.">Slow Mode</abbr>
							</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="loading">
		<div class="inner">
			<div class="text">Loading...</div>
		</div>
	</div>
	<div id="notify" class="notify">
		<div class="inner"></div>
	</div>
	<div id="main">
		<div id="sidebar_outer" style="display: none">
			<div id="sidebar" style="display: none">
				<div id="trades"></div>
			</div>
		</div>
		<div id="wrapper" class="hide_cursor">
			<canvas id="canvas_main"></canvas>
			<canvas id="canvas_shapes" class="ab"></canvas>
			<canvas id="canvas_cross" class="ab"></canvas>
			<div id="chart_info"></div>
		</div>
	</div>
	<div id="footer_outer">
		<div id="footer">
			<!-- <ul class="horiz donate"><li>
</li><li id="now"></li></ul> -->
		</div>
	</div>
	<div id="assist" style='display: none'></div>
	<div id="settings">
		<h2><%=languageDefine.getValue(request, "kline_quotaParamSetting")%></h2>
		<table>
			<tr id="indicator_price_mas">
				<th>EMA / MA <abbr title="Up to 4 different indicators
Set field blank to remove one of the indicators.">?</abbr>
				</th>
				<td><input name=price_mas /> <input name=price_mas /> <input name=price_mas /> <input name=price_mas /></td>
				<td><button><%=languageDefine.getValue(request, "kline_default")%></button></td>
			</tr>
			<tr id="indicator_macd">
				<th>MACD <abbr title="Short, Long, Move">?</abbr>
				</th>
				<td><input name=macd /> <input name=macd /> <input name=macd /></td>
				<td><button><%=languageDefine.getValue(request, "kline_default")%></button></td>
			</tr>
			<tr id="indicator_kdj">
				<th>KDJ <abbr title="rsv, k, d">?</abbr>
				</th>
				<td><input name=kdj /> <input name=kdj /> <input name=kdj /></td>
				<td><button><%=languageDefine.getValue(request, "kline_default")%></button></td>
			</tr>
			<tr id="indicator_stoch_rsi">
				<th>Stoch RSI <abbr title="Params: Stochastic Length, RSI Length, K, D">?</abbr>
				</th>
				<td><input name=stoch_rsi /> <input name=stoch_rsi /> <input name=stoch_rsi /> <input name=stoch_rsi /></td>
				<td><button><%=languageDefine.getValue(request, "kline_default")%></button></td>
			</tr>
		</table>
		<div id="close_settings">
			<a>[ <%=languageDefine.getValue(request, "kline_close")%> ]</a>
		</div>
	</div>
	<script type=text/javascript>
		(function(){
			
			window.$kline_week = '<%=languageDefine.getValue(request, "kline_week")%>';
			window.$kline_day = '<%=languageDefine.getValue(request, "kline_day")%>';
			window.$kline_hour = '<%=languageDefine.getValue(request, "kline_hour")%>';
			window.$kline_minute = '<%=languageDefine.getValue(request, "kline_minute")%>';
			
			window.$market='<%=request.getParameter("scid")%>';
			window.$sid="00";
			window.$time_fix=60*1000;
			window.$host='';
			window.$test=false;
			window.$symbol="1";
			window.$hsymbol="RUIZCON XNB\/CNY";
			window.$theme_name="dark";
			window.$debug=false;
			window.$settings={"main_lines":{"id":"main_lines","name":"Main Indicator","default":"mas","options":{"MA":"mas","EMA":"emas","None":"none"}},"stick_style":{"id":"stick_style","name":"Chart Style","default":"candle_stick_hlc",
				"options":{"CandleStick":"candle_stick","CandleStickHLC":"candle_stick_hlc","OHLC":"ohlc","Line":"line","Line-o":"line_o","None":"none"}},"line_style":{"id":"ls","name":"Line Style",
				"options":{"Close":"c","Median Price":"m"}},"indicator":{"id":"indicator","name":"Indicator","default":"none","options":{"MACD":"macd","KDJ":"kdj","StochRSI":"stoch_rsi","None":"none"}},
				"scale":{"id":"scale","name":"Scale","options":{"Normal":"normal","Logarithmic":"logarithmic"}},"theme":{"id":"theme","name":"Theme","options":{"Dark":"dark","Light":"light"},"refresh":true}};
			window.$p=true;
			window.$c_usdcny=6.0463;
			setTimeout(function(){
				if(!window.$script_loaded){
					return document.getElementById('loading').innerHTML="<div class=inner><%=languageDefine.getValue(request, "kline_loading")%></div>";
				}
			},1000);
		}).call(this);
	</script>
	<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/kline.js"></script>
</body>
</html>	
	
